<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery.js"></script>
	</head>
	<body>
		<button onclick="clickHandle(event)">提交</button>
		
		<button onclick="jsonpClick()">jsonp跨域请求</button>
		
		<button onclick="proxyClick()">服务器代理跨域</button>
		
		<script type="text/javascript">
			//----------------------------------------------
			function clickHandle(e){
				//如果请求地址没有protocol,domain,port,则该请求是一个相对路径，使用本页面的protocol,domain,port + path 例如：'/api'
				//如果一个请求是一个完整的的url，则是一个绝对路径，请求之间发送到这个url地址 从localhost:4000到 http://127.0.0.1:4000的请求会被拦截 
				$.get('/api')
				.done(res=>{
					console.log(res)
				})
			}
			//---------------------------------------------
			//创建一个script标签，将src设置为接口地址
			function jsonpClick(){				
				$('<script src="http://127.0.0.1:4000/jsonp?callback=cb">').appendTo($('body'))	
			}
			
			function cb(res){
				console.log(res)
			}
			//----------------------------------------------
			function proxyClick(){
				$.get('/kuaidi?type=yuantong&&postid=884943436121534383')
				.done(res=>{
					console.log(res)
				})
			}
			
		</script>
	</body>
</html>
